<script setup>

const emit = defineEmits(['click'])

// 定义 props
const props = defineProps({
  size: {
    type: Number,
    required: false,
    default: 16
  },
  color: {
    type: String,
    required: false,
    default: ''
  },
  icon: {
    type: String,
    required: false,
    default: 'lucene'
  },
  margin: {
    type: Number,
    required: false,
    default: 0
  },
});
</script>

<template>
  <span @click.prevent="emit('click')" :class="['iconfont','icon-'+icon]" :style="{color: color,fontSize: size + 'px',margin:margin+'px'}"></span>
</template>

<style scoped>
</style>